<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<table align="center" width="98%" id="dialog_pedidos_aceptados">
  <tr>
    <td>
    	
			<div align="right" >
					Buscar: <input name="filter" id="filter-box" value="" maxlength="30" size="30" type="text" align="right">
								<!-- <input id="filter-clear-button" type="submit" value="Limpiar"/> -->
			</div>
			<div>
			<table  align="center" class="tablesorter" id="tb_detalle_pedidos_aceptados">
										<thead>
										<tr class="ui-widget-header">
											<th width='15'>Cod.Pedido</th>
											<th width='30'>Localidad</th>
											<th  width='20'>F.Emision</th>
											<th width='15'>Un.Org</th>
											<th  width='15'>C.Costos</th>
											<th width='15'>Cod.Ptal</th>
											<th width='30'>Proyecto</th>
											<th  width='30'>Observaciones</th>
											<th  width='30'>Op.</th>
										</tr>
										</thead>
										<tbody>
										
										<c:forEach items="${lista_pedidos}" var="pedido" >
								            <tr>
								                <td>${pedido.cod_pedido}</td>
								                <td>${pedido.localidad}</td>
								                <td>${pedido.fec_emision}</td>
								                <td>${pedido.desc_unidad_organica}</td>
								                <td>${pedido.cen_costos}</td>
								                <td>${pedido.cod_presupuestal}</td>
								                <td>${pedido.desc_proyecto}</td>
								                <td>${pedido.observaciones}</td>
								                <td align="center">
								                	<a class="detalle">
								                		<img src="<c:url value="/images/view_detailed.png" />" style="cursor: pointer" title="Ver Detalles" />
								                	</a>
								                	<a class="link_to_orden">
								                		<img src="<c:url value="/images/folder_inbox.png" />" style="cursor: pointer" title="Enviar a Orden" />
								                	</a>
								                </td>
								            </tr>
								            
								        </c:forEach>
								        </tbody>
			</table>
			</div>
			 
			   <div class="pager" id="pager" style=" position: inherit;" align="center">
			
				<img class="first" src="<c:url value="/images/first.png" />"src="first.png">
				<img class="prev" src="<c:url value="/images/prev.png" />"src="prev.png">
				<input type="text" class="pagedisplay" size="10">
				<img class="next" src="<c:url value="/images/next.png" />"src="next.png">
				<img class="last" src="<c:url value="/images/last.png" />"src="last.png">
					<select class="pagesize">
						<option value="5" selected="selected">5</option>
					</select>
				
			</div>
    
    </td>
    
  </tr>
</table>

 <script type="text/javascript">
 
 $(document).ready(function() {
	 $("a.detalle").click(getDetallesPedidos);
	 $("a.link_to_orden").click(enviaPedidoAOrden);
	
	 	
	 $("#tb_detalle_pedidos_aceptados") 
	 .tablesorter({widthFixed: true, widgets: ['zebra']})
	 .tablesorterPager({container: $("#pager"),size:5})
	 .tablesorterFilter({filterContainer: $("#filter-box"),
	    // filterClearContainer: $("#filter-clear-button"),
	     filterColumns: [0,1,2,3,4,5],
	     filterCaseSensitive: false,
	     filterWaitTime :200});
 });

 function enviaPedidoAOrden(){
	 cod_pedido = $(this).parents("tr").find("td").eq(0).html();
	
	 $.get("get_detalle_pedido_a_orden", { cod_pedido: cod_pedido }, function(data) {	
		
		if(detalle_orden.length>0){
			 Utiles_MensajesDialogo.showMensajeConfirmacionCustom("Existe actualmente pedidos para Orden, desea reemplazarlos o consolidarlos?",function(result){
					if(result=="Reemplazar"){
						detalle_orden = data;
					}
					else{
						$.each(data, function(i) {
							var detalle_nuevo = this;
							var existe_detalle=false;
							$.each(detalle_orden, function(j) {
								if(this.pedido==detalle_nuevo.pedido){
									existe_detalle=true;
								}
							});
							if(!existe_detalle)
								detalle_orden.push(detalle_nuevo);
							else
								Utiles_MensajesDialogo.showMensajeAlerta("El pedido : "+detalle_nuevo.pedido +" ya se encuentra atendido en la Orden");
						});
					}
					llenaTablaRequerimientos();
			 });	
		}
		else{
			detalle_orden = data;
			 llenaTablaRequerimientos();
		}	
		
	 }); 
	 //$.unblockUI();
	 //$(":ui-dialog").dialog("destroy");
	 $('<div>').dialog("close");
}

 function llenaTablaRequerimientos(){
		//$("#tb_sumi").html("");
		$("#tb_detalle_orden>tbody>tr.data").remove();
		$.each(detalle_orden, function(i) {
			cadena = "<tr class='data'>";
			cadena = cadena + "<td>" +this.pedido + "</td>";	
	        cadena = cadena + "<td>" +this.id_suministro + "</td>";
	        cadena = cadena + "<td>" +this.suministro + "</td>";
	        cadena = cadena + "<td>" +this.unidad + "</td>";
	        cadena = cadena + "<td>" +this.cantidad+"</td>";
	        cadena = cadena + "<td> <input type='text' align='right' size='10' id='precio_"+i+"' value='"+this.precio+"'/></td>";
	        cadena = cadena + "<td> <input type='text' align='right' size='10' id='sub_total_"+i+"' value='"+this.cantidad*this.precio+"'/></td>";
	        //cadena = cadena + "<td style='text-align:right'> <span id='sub_total_"+i+"'>" +"</td>";
	        //cadena = cadena + "<td align='center'><a class='edita'><img src='<c:url value='/images/page_edit.png' />' style='cursor: pointer' /></a>&nbsp;<a class='elimina'><img src='<c:url value='/images/delete.png' />' style='cursor: pointer' /></a></td></tr>";
	        cadena = cadena + "</tr>";
	        $("#tb_detalle_orden").append(cadena);
	        $("#precio_"+i).keyup(sumaSubTotales);
	        $("#sub_total_"+i).keyup(sumaPrecioTotales);
		});
		sumaSubTotales();
}

 function getDetallesPedidos(){
	 cod_pedido = $(this).parents("tr").find("td").eq(0).html();
	
	 $.get("get_detalle_pedido_aceptados", { cod_pedido: cod_pedido }, function(data) {	

		 $('#dialog_pedidos_aceptados').block({ 
		        message: data,
		        theme: true,
		        themedCSS:{
					top:  '20%', 
	                left: ($(window).width() - 700) /2 + 'px', 
	                width: '700px',
	                textAlign:      'left',
	                cursor:'default'
				}
		    });
		    
		 	/*	$.blockUI({
					message: data,
					theme: true, 
					title:'Detalle de Pedido', 
					draggable: true,
					themedCSS:{
						top:  '20%', 
		                left: ($(window).width() - 700) /2 + 'px', 
		                width: '700px',
		                textAlign:      'left',
		                cursor:'default'
					}
				});	*/
			//Utiles_MensajesDialogo.showModalDialogoCustom(data);
		}); 
}
 
</script>       
        